import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:smart_devices/icons/flutter_icons.dart';
import 'package:smart_devices/routes/index.dart';
import 'package:smart_devices/utils/colors.dart';
import 'package:smart_devices/utils/styles.dart';
import 'package:smart_devices/utils/tools.dart';

class IndexController extends GetxController {
  RxInt totalDevice = RxInt(32);

  @override
  void onClose() {
    super.onClose();
    Get.delete();
  }
}

class IndexPage extends GetView<IndexController> {
  const IndexPage({super.key});

  @override
  Widget build(BuildContext context) {
    return GetBuilder<IndexController>(
      builder: (_) {
        return content(context);
      },
      init: Get.put(IndexController()),
    );
  }

  Widget content(BuildContext context) {
    return Column(
      children: [
        Container(
          padding: EdgeInsets.only(top: Get.mediaQuery.padding.top),
          decoration:
              BoxDecoration(color: ColorsUtils.parseColorFromHexString(ColorsUtils.color0052)),
          child: Column(
            children: [
              SizedBox(
                height: 50,
                child: Stack(
                  children: [
                    Container(
                      alignment: Alignment.center,
                      child: Text(
                        '首页',
                        style:
                            StylesUtils.customTextStyle(fontSize: 16, fontWeight: FontWeight.bold),
                      ),
                    ),
                    Positioned(
                        right: 10,
                        top: 0,
                        width: 50,
                        height: 50,
                        child: InkWell(
                          onTap: () {
                            Get.toNamed(Routes.messageList);
                          },
                          child: Stack(
                              alignment: Alignment.center,
                              clipBehavior: Clip.none,
                              children: [
                                Center(child: ToolsUtils.assetImageSvg('u5695.svg')),
                                PositionedDirectional(
                                  top: 15,
                                  end: 15,
                                  child: ToolsUtils.assetImageSvg('u5696.svg', width: 5, height: 5),
                                )
                              ]),
                        ))
                  ],
                ),
              ),
              Container(
                height: 100,
                padding: const EdgeInsets.symmetric(vertical: 25),
                child: Row(
                  children: [
                    Expanded(
                        child: Column(
                      children: [
                        Expanded(
                            child: Center(
                                child: Obx(() => Text(
                                      '${controller.totalDevice.value}',
                                      style: StylesUtils.customTextStyle(
                                          fontSize: 16, fontWeight: FontWeight.bold),
                                    )))),
                        Expanded(
                            child: Center(
                          child: Text(
                            '设备总数',
                            style: StylesUtils.customTextStyle(
                              fontSize: 15,
                            ),
                          ),
                        ))
                      ],
                    )),
                    Expanded(
                        child: Column(
                      children: [
                        Expanded(
                            child: Center(
                          child: Text(
                            '8',
                            style: StylesUtils.customTextStyle(
                                fontSize: 16, fontWeight: FontWeight.bold),
                          ),
                        )),
                        Expanded(
                            child: Center(
                          child: Text(
                            '故障设备',
                            style: StylesUtils.customTextStyle(
                              fontSize: 15,
                            ),
                          ),
                        ))
                      ],
                    )),
                    Expanded(
                        child: Column(
                      children: [
                        Expanded(
                            child: Center(
                          child: Text(
                            '15',
                            style: StylesUtils.customTextStyle(
                                fontSize: 16, fontWeight: FontWeight.bold),
                          ),
                        )),
                        Expanded(
                            child: Center(
                          child: Text(
                            '未修复故障',
                            style: StylesUtils.customTextStyle(
                              fontSize: 15,
                            ),
                          ),
                        ))
                      ],
                    )),
                  ],
                ),
              )
            ],
          ),
        ),
        Expanded(
            child: SingleChildScrollView(
                child: Container(
          padding: const EdgeInsets.all(15),
          decoration:
              BoxDecoration(color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF6f6)),
          child: Column(
            children: [
              Container(
                  decoration: BoxDecoration(
                      color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorFfff)),
                  child: ListBody(
                    children: [
                      Container(
                        height: 40,
                        padding: const EdgeInsets.symmetric(horizontal: 15),
                        alignment: Alignment.centerLeft,
                        child: Wrap(
                          spacing: 5,
                          children: [
                            Text('●',
                                style: StylesUtils.customTextStyle(
                                    color: ColorsUtils.color0052, fontWeight: FontWeight.bold)),
                            Text('待办任务',
                                style: StylesUtils.customTextStyle(
                                    color: ColorsUtils.color4950, fontWeight: FontWeight.bold))
                          ],
                        ),
                      ),
                      GridView(
                        padding: const EdgeInsets.only(left: 15, right: 15, bottom: 20),
                        physics: const NeverScrollableScrollPhysics(),
                        shrinkWrap: true,
                        gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
                            crossAxisCount: 4, crossAxisSpacing: 15),
                        children: [
                          Container(
                            decoration: BoxDecoration(
                                borderRadius: BorderRadius.circular(2),
                                color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorFfff),
                                boxShadow: [
                                  //0px 0px 5px 0px rgba(0, 0, 0, 0.349019607843137)
                                  BoxShadow(
                                      offset: Offset.zero,
                                      blurRadius: 5,
                                      spreadRadius: 0,
                                      color: ColorsUtils.rgba(0, 0, 0, 0.349019607843137))
                                ]),
                            child: Column(
                              children: [
                                Expanded(
                                    child: Center(
                                  child: Text(
                                    '3',
                                    style: StylesUtils.customTextStyle(
                                        fontWeight: FontWeight.bold,
                                        fontSize: 16,
                                        color: ColorsUtils.color4950),
                                  ),
                                )),
                                Container(
                                  alignment: Alignment.center,
                                  padding: const EdgeInsets.only(bottom: 8),
                                  child: Text(
                                    '待审核',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.color4950),
                                  ),
                                )
                              ],
                            ),
                          ),
                          Container(
                            decoration: BoxDecoration(
                                borderRadius: BorderRadius.circular(2),
                                color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorFfff),
                                boxShadow: [
                                  //0px 0px 5px 0px rgba(0, 0, 0, 0.349019607843137)
                                  BoxShadow(
                                      offset: Offset.zero,
                                      blurRadius: 5,
                                      spreadRadius: 0,
                                      color: ColorsUtils.rgba(0, 0, 0, 0.349019607843137))
                                ]),
                            child: Column(
                              children: [
                                Expanded(
                                    child: Center(
                                  child: Text(
                                    '12',
                                    style: StylesUtils.customTextStyle(
                                        fontWeight: FontWeight.bold,
                                        fontSize: 16,
                                        color: ColorsUtils.color4950),
                                  ),
                                )),
                                Container(
                                  alignment: Alignment.center,
                                  padding: const EdgeInsets.only(bottom: 8),
                                  child: Text(
                                    '待接单',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.color4950),
                                  ),
                                )
                              ],
                            ),
                          ),
                          Container(
                            decoration: BoxDecoration(
                                borderRadius: BorderRadius.circular(2),
                                color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorFfff),
                                boxShadow: [
                                  //0px 0px 5px 0px rgba(0, 0, 0, 0.349019607843137)
                                  BoxShadow(
                                      offset: Offset.zero,
                                      blurRadius: 5,
                                      spreadRadius: 0,
                                      color: ColorsUtils.rgba(0, 0, 0, 0.349019607843137))
                                ]),
                            child: Column(
                              children: [
                                Expanded(
                                    child: Center(
                                  child: Text(
                                    '5',
                                    style: StylesUtils.customTextStyle(
                                        fontWeight: FontWeight.bold,
                                        fontSize: 16,
                                        color: ColorsUtils.color4950),
                                  ),
                                )),
                                Container(
                                  alignment: Alignment.center,
                                  padding: const EdgeInsets.only(bottom: 8),
                                  child: Text(
                                    '待执行',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.color4950),
                                  ),
                                )
                              ],
                            ),
                          ),
                          Container(
                            decoration: BoxDecoration(
                                borderRadius: BorderRadius.circular(2),
                                color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorFfff),
                                boxShadow: [
                                  //0px 0px 5px 0px rgba(0, 0, 0, 0.349019607843137)
                                  BoxShadow(
                                      offset: Offset.zero,
                                      blurRadius: 5,
                                      spreadRadius: 0,
                                      color: ColorsUtils.rgba(0, 0, 0, 0.349019607843137))
                                ]),
                            child: Column(
                              children: [
                                Expanded(
                                    child: Center(
                                  child: Text(
                                    '3',
                                    style: StylesUtils.customTextStyle(
                                        fontWeight: FontWeight.bold,
                                        fontSize: 16,
                                        color: ColorsUtils.color4950),
                                  ),
                                )),
                                Container(
                                  alignment: Alignment.center,
                                  padding: const EdgeInsets.only(bottom: 8),
                                  child: Text(
                                    '待验证',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.color4950),
                                  ),
                                )
                              ],
                            ),
                          ),
                        ],
                      )
                    ],
                  )),
              Container(
                margin: const EdgeInsets.only(top: 10),
                decoration: BoxDecoration(
                    color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorFfff)),
                child: ListBody(
                  children: [
                    Container(
                      height: 40,
                      padding: const EdgeInsets.symmetric(horizontal: 15),
                      alignment: Alignment.centerLeft,
                      child: Wrap(
                        spacing: 5,
                        children: [
                          Text('●',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.color0052, fontWeight: FontWeight.bold)),
                          Text('故障报修',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.color4950, fontWeight: FontWeight.bold))
                        ],
                      ),
                    ),
                    Container(
                      padding: const EdgeInsets.only(left: 10, right: 10, bottom: 15),
                      alignment: Alignment.centerLeft,
                      child: Wrap(
                        spacing: 15,
                        children: [
                          SizedBox(
                            width: 80,
                            height: 80,
                            child: Column(
                              children: [
                                Expanded(
                                    child: Container(
                                  alignment: Alignment.center,
                                  child:
                                      ToolsUtils.assetImageSvg('u5489.svg', width: 30, height: 30),
                                )),
                                Container(
                                  height: 30,
                                  alignment: Alignment.center,
                                  child: Text(
                                    '设备报修',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.color4950),
                                  ),
                                )
                              ],
                            ),
                          ),
                          SizedBox(
                            width: 80,
                            height: 80,
                            child: Column(
                              children: [
                                Expanded(
                                    child: Container(
                                  alignment: Alignment.center,
                                  child:
                                      ToolsUtils.assetImageSvg('u5495.svg', width: 30, height: 30),
                                )),
                                Container(
                                  height: 30,
                                  alignment: Alignment.center,
                                  child: Text(
                                    '报修审核',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.color4950),
                                  ),
                                )
                              ],
                            ),
                          ),
                          SizedBox(
                            width: 80,
                            height: 80,
                            child: Column(
                              children: [
                                Expanded(
                                    child: Container(
                                  alignment: Alignment.center,
                                  child:
                                      ToolsUtils.assetImageSvg('u5609.svg', width: 30, height: 30),
                                )),
                                Container(
                                  height: 30,
                                  alignment: Alignment.center,
                                  child: Text(
                                    '工单派工',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.color4950),
                                  ),
                                )
                              ],
                            ),
                          ),
                        ],
                      ),
                    )
                  ],
                ),
              ),
              Container(
                margin: const EdgeInsets.only(top: 10),
                decoration: BoxDecoration(
                    color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorFfff)),
                child: ListBody(
                  children: [
                    Container(
                      height: 40,
                      padding: const EdgeInsets.symmetric(horizontal: 15),
                      alignment: Alignment.centerLeft,
                      child: Wrap(
                        spacing: 5,
                        children: [
                          Text('●',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.color0052, fontWeight: FontWeight.bold)),
                          Text('设备维修',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.color4950, fontWeight: FontWeight.bold))
                        ],
                      ),
                    ),
                    Container(
                      padding: const EdgeInsets.only(left: 10, right: 10, bottom: 15),
                      alignment: Alignment.centerLeft,
                      child: Wrap(
                        spacing: 15,
                        children: [
                          SizedBox(
                            width: 80,
                            height: 80,
                            child: Column(
                              children: [
                                Expanded(
                                    child: Container(
                                  alignment: Alignment.center,
                                  child:
                                      ToolsUtils.assetImageSvg('u5584.svg', width: 30, height: 30),
                                )),
                                Container(
                                  height: 30,
                                  alignment: Alignment.center,
                                  child: Text(
                                    '维修工单',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.color4950),
                                  ),
                                )
                              ],
                            ),
                          ),
                          SizedBox(
                            width: 80,
                            height: 80,
                            child: Column(
                              children: [
                                Expanded(
                                    child: Container(
                                  alignment: Alignment.center,
                                  child:
                                      ToolsUtils.assetImageSvg('u5589.svg', width: 30, height: 30),
                                )),
                                Container(
                                  height: 30,
                                  alignment: Alignment.center,
                                  child: Text(
                                    '快速工单',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.color4950),
                                  ),
                                )
                              ],
                            ),
                          ),
                          SizedBox(
                            width: 80,
                            height: 80,
                            child: Column(
                              children: [
                                Expanded(
                                    child: Container(
                                  alignment: Alignment.center,
                                  child:
                                      ToolsUtils.assetImageSvg('u5595.svg', width: 30, height: 30),
                                )),
                                Container(
                                  height: 30,
                                  alignment: Alignment.center,
                                  child: Text(
                                    '维修验证',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.color4950),
                                  ),
                                )
                              ],
                            ),
                          ),
                        ],
                      ),
                    )
                  ],
                ),
              ),
              Container(
                margin: const EdgeInsets.only(top: 10),
                decoration: BoxDecoration(
                    color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorFfff)),
                child: ListBody(
                  children: [
                    Container(
                      height: 40,
                      padding: const EdgeInsets.symmetric(horizontal: 15),
                      alignment: Alignment.centerLeft,
                      child: Wrap(
                        spacing: 5,
                        children: [
                          Text('●',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.color0052, fontWeight: FontWeight.bold)),
                          Text('设备保养',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.color4950, fontWeight: FontWeight.bold))
                        ],
                      ),
                    ),
                    Container(
                      padding: const EdgeInsets.only(left: 10, right: 10, bottom: 15),
                      alignment: Alignment.centerLeft,
                      child: Wrap(
                        spacing: 15,
                        runSpacing: 10,
                        children: [
                          SizedBox(
                            width: 80,
                            height: 80,
                            child: Column(
                              children: [
                                Expanded(
                                    child: Container(
                                  alignment: Alignment.center,
                                  child:
                                      ToolsUtils.assetImageSvg('u5510.svg', width: 30, height: 30),
                                )),
                                Container(
                                  height: 30,
                                  alignment: Alignment.center,
                                  child: Text(
                                    '保养任务',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.color4950),
                                  ),
                                )
                              ],
                            ),
                          ),
                          SizedBox(
                            width: 80,
                            height: 80,
                            child: Column(
                              children: [
                                Expanded(
                                    child: Container(
                                  alignment: Alignment.center,
                                  child: ToolsUtils.image('icon/verify_task.png',
                                      width: 30, height: 30),
                                )),
                                Container(
                                  height: 30,
                                  alignment: Alignment.center,
                                  child: Text(
                                    '任务验证',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.color4950),
                                  ),
                                )
                              ],
                            ),
                          ),
                          SizedBox(
                            width: 80,
                            height: 80,
                            child: Column(
                              children: [
                                Expanded(
                                    child: Container(
                                  alignment: Alignment.center,
                                  child: ToolsUtils.image('icon/fast_order.png',
                                      width: 30, height: 30),
                                )),
                                Container(
                                  height: 30,
                                  alignment: Alignment.center,
                                  child: Text(
                                    '工单派工',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.color4950),
                                  ),
                                )
                              ],
                            ),
                          ),
                          SizedBox(
                            width: 80,
                            height: 80,
                            child: Column(
                              children: [
                                Expanded(
                                    child: Container(
                                  alignment: Alignment.center,
                                  child: ToolsUtils.image('icon/distribute_order.png',
                                      width: 30, height: 30),
                                )),
                                Container(
                                  height: 30,
                                  alignment: Alignment.center,
                                  child: Text(
                                    '下发工单',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.color4950),
                                  ),
                                )
                              ],
                            ),
                          ),
                          SizedBox(
                            width: 80,
                            height: 80,
                            child: Column(
                              children: [
                                Expanded(
                                    child: Container(
                                  alignment: Alignment.center,
                                  child: ToolsUtils.image('icon/verify_order.png',
                                      width: 30, height: 30),
                                )),
                                Container(
                                  height: 30,
                                  alignment: Alignment.center,
                                  child: Text(
                                    '工单验证',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.color4950),
                                  ),
                                )
                              ],
                            ),
                          ),
                        ],
                      ),
                    )
                  ],
                ),
              ),
              Container(
                margin: const EdgeInsets.only(top: 10),
                decoration: BoxDecoration(
                    color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorFfff)),
                child: ListBody(
                  children: [
                    Container(
                      height: 40,
                      padding: const EdgeInsets.symmetric(horizontal: 15),
                      alignment: Alignment.centerLeft,
                      child: Wrap(
                        spacing: 5,
                        children: [
                          Text('●',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.color0052, fontWeight: FontWeight.bold)),
                          Text('设备巡检点检',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.color4950, fontWeight: FontWeight.bold))
                        ],
                      ),
                    ),
                    Container(
                      padding: const EdgeInsets.only(left: 10, right: 10, bottom: 15),
                      alignment: Alignment.centerLeft,
                      child: Wrap(
                        spacing: 15,
                        runSpacing: 10,
                        children: [
                          SizedBox(
                            width: 80,
                            height: 80,
                            child: Column(
                              children: [
                                Expanded(
                                    child: Container(
                                  alignment: Alignment.center,
                                  child:
                                      ToolsUtils.assetImageSvg('u5551.svg', width: 30, height: 30),
                                )),
                                Container(
                                  height: 30,
                                  alignment: Alignment.center,
                                  child: Text(
                                    '巡检任务',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.color4950),
                                  ),
                                )
                              ],
                            ),
                          ),
                          SizedBox(
                            width: 80,
                            height: 80,
                            child: Column(
                              children: [
                                Expanded(
                                    child: Container(
                                  alignment: Alignment.center,
                                  child: ToolsUtils.image('icon/verify_task.png',
                                      width: 30, height: 30),
                                )),
                                Container(
                                  height: 30,
                                  alignment: Alignment.center,
                                  child: Text(
                                    '巡检验证',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.color4950),
                                  ),
                                )
                              ],
                            ),
                          ),
                          SizedBox(
                            width: 80,
                            height: 80,
                            child: Column(
                              children: [
                                Expanded(
                                    child: Container(
                                  alignment: Alignment.center,
                                  child: ToolsUtils.image('icon/fast_order.png',
                                      width: 30, height: 30),
                                )),
                                Container(
                                  height: 30,
                                  alignment: Alignment.center,
                                  child: Text(
                                    '点检任务',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.color4950),
                                  ),
                                )
                              ],
                            ),
                          ),
                          SizedBox(
                            width: 80,
                            height: 80,
                            child: Column(
                              children: [
                                Expanded(
                                    child: Container(
                                  alignment: Alignment.center,
                                  child: ToolsUtils.image('icon/distribute_order.png',
                                      width: 30, height: 30),
                                )),
                                Container(
                                  height: 30,
                                  alignment: Alignment.center,
                                  child: Text(
                                    '点检验证',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.color4950),
                                  ),
                                )
                              ],
                            ),
                          ),
                          SizedBox(
                            width: 80,
                            height: 80,
                            child: Column(
                              children: [
                                Expanded(
                                    child: Container(
                                  alignment: Alignment.center,
                                  child: ToolsUtils.image('icon/verify_order.png',
                                      width: 30, height: 30),
                                )),
                                Container(
                                  height: 30,
                                  alignment: Alignment.center,
                                  child: Text(
                                    '离线巡检',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.color4950),
                                  ),
                                )
                              ],
                            ),
                          ),
                        ],
                      ),
                    )
                  ],
                ),
              ),
              Container(
                  margin: const EdgeInsets.only(top: 10),
                  decoration: BoxDecoration(
                      color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorFfff)),
                  child: ListBody(
                    children: [
                      Container(
                        height: 40,
                        padding: const EdgeInsets.symmetric(horizontal: 15),
                        alignment: Alignment.centerLeft,
                        child: Wrap(
                          spacing: 5,
                          children: [
                            Text('●',
                                style: StylesUtils.customTextStyle(
                                    color: ColorsUtils.color0052, fontWeight: FontWeight.bold)),
                            Text('数据统计',
                                style: StylesUtils.customTextStyle(
                                    color: ColorsUtils.color4950, fontWeight: FontWeight.bold))
                          ],
                        ),
                      ),
                      Container(
                        padding: const EdgeInsets.only(left: 10, right: 10, bottom: 15),
                        alignment: Alignment.centerLeft,
                        child: Wrap(
                          spacing: 15,
                          runSpacing: 10,
                          children: [
                            SizedBox(
                              width: 80,
                              height: 80,
                              child: Column(
                                children: [
                                  Expanded(
                                      child: Container(
                                    alignment: Alignment.center,
                                    child: Icon(
                                      AntDesign.user,
                                      size: 30,
                                      color: ColorsUtils.parseColorFromHexString('#005EAA'),
                                    ),
                                  )),
                                  Container(
                                    height: 30,
                                    alignment: Alignment.center,
                                    child: Text(
                                      '人员状态',
                                      style:
                                          StylesUtils.customTextStyle(color: ColorsUtils.color4950),
                                    ),
                                  )
                                ],
                              ),
                            ),
                            SizedBox(
                              width: 80,
                              height: 80,
                              child: Column(
                                children: [
                                  Expanded(
                                      child: Container(
                                    alignment: Alignment.center,
                                    child: ToolsUtils.image('icon/verify_task.png',
                                        width: 30, height: 30),
                                  )),
                                  Container(
                                    height: 30,
                                    alignment: Alignment.center,
                                    child: Text(
                                      '数据看板',
                                      style:
                                          StylesUtils.customTextStyle(color: ColorsUtils.color4950),
                                    ),
                                  )
                                ],
                              ),
                            ),
                            SizedBox(
                              width: 80,
                              height: 80,
                              child: Column(
                                children: [
                                  Expanded(
                                      child: Container(
                                    alignment: Alignment.center,
                                    child: ToolsUtils.image('icon/fast_order.png',
                                        width: 30, height: 30),
                                  )),
                                  Container(
                                    height: 30,
                                    alignment: Alignment.center,
                                    child: Text(
                                      '故障统计',
                                      style:
                                          StylesUtils.customTextStyle(color: ColorsUtils.color4950),
                                    ),
                                  )
                                ],
                              ),
                            ),
                          ],
                        ),
                      )
                    ],
                  )),
            ],
          ),
        )))
      ],
    );
  }
}
